* {
  touch-action: pan-y;
}

.player {
  width: 350px;
  height: 540px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  .user {
    height: 70px;
    width: 100%;

    .body {
      background: rgba(105, 105, 105, 0.7);
      backdrop-filter: blur(1px);
      font-size: 15px;
      text-align: center;
      padding: 4px;
      border-radius: 3px;

      .title {
        height: 25px;
        line-height: 25px;
        color: #47fc47;
      }

      .placeholder {
        font-weight: bold;
        color: #47fc47;
        height: 25px;
      }

      .step {
        height: 25px;
        line-height: 25px;
        color: #FFFFFF;
        font-size: 12px;
      }

      .date {
        height: 25px;
        line-height: 25px;
        color: yellow;
        font-size: 12px;
      }

      .round {
        height: 25px;
        line-height: 25px;
        color: #FFFFFF;
        font-size: 12px;
      }

      .chessBook {
        color: #FFFFFF;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
      }
    }
  }
}
